<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>循环</title>
  <link rel="stylesheet" href="">
  <script type="text/javascript" src="../../js/vue.js"></script>
</head>

<body>
  <div id="app3">
    <ol>
      <li v-for="todo in todos">{{todo.text}}</li>
    </ol>
  </div>
  <script type="text/javascript">
  var app = new Vue({
    el: "#app3",
    data: {
      todos: [{
          text: '项目1'
        }, {
          text: '项目2'
        }, {
          text: '项目3'
        }

      ]
    }

  });
  </script>
</body>

</html>
